<template>
  <div id="app">
    <router-view v-if="data.isRouterAlive"/>
  </div>
</template>
<script lang="ts">
  import Vue from "vue";
  import {Component, Provide} from "vue-property-decorator";
  import dayjs from "dayjs";
  import getItem from "@/helper/getItem";
  import {Details} from "@/type/type";


  @Component
  export default class Detail extends Vue {
    data = {isRouterAlive: true};
    @Provide("reload") private providedValue = this.reload;

    reload() {
      this.data.isRouterAlive = false;
      this.$nextTick(function () {
        this.data.isRouterAlive = true;
      });
    }

  }
</script>

<style lang="scss">
  @import "src/style/reset";
  @import "src/style/helper";

  #app {
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: $font-hei;
    color: #333;
    font-size: 16px;
    line-height: 1.5;
  }

  #nav {
    padding: 30px;

    a {
      font-weight: bold;
      color: #2c3e50;

      &.router-link-exact-active {
        color: #42b983;
      }
    }
  }
</style>
